/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  opacity:0;
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/


.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: left, top, opacity;
     -moz-transition-property: left, top, opacity;
          transition-property: left, top, opacity;
}


/* End: Recommended Isotope styles */

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}

/**** Isotope styles ****/

/* required for containers to inherit vertical size from window */
html,
body {
  height: 100%;
}

#container {
  padding:8px 0;
  margin: 110px 0 0 124px;
  width:auto;
}

.box {
  width: 398px;
  float: left;
  margin:8px;
  background:url(../images/bg-box.gif) bottom repeat-x #fff;
  padding:12px 12px 24px 12px;
  -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
  -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
  box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
  -moz-border-radius:3px; 
  -webkit-border-radius:3px; 
  border-radius:3px;
  border:1px solid #fff;
}

.bigbox {
  width: 830px;
  float: left;
  margin:8px;
  background:url(../images/bg-box.gif) bottom repeat-x #fff;
  padding:12px 12px 24px 12px;
  -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
  -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
  box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
  -moz-border-radius:3px; 
  -webkit-border-radius:3px; 
  border-radius:3px;
  border:1px solid #fff;
}

.box img {
  display:block;
  margin:0 auto 1px auto;
  padding-bottom:15px;
  position:relative;

}

.bigbox img {
  display:block;
  margin:0 auto 1px auto;
  padding-bottom:15px;
  position:relative;

}

.box img:hover {
}

.box a {position:relative;}

.box.updates {}
.box.print {  }
.box.logo {  }
.box.photo {  }
.box.about {  }

/*
.box * {
  position: absolute;
  margin: 0;
}
*/

.box h2 {margin:0; position:relative;}
.box p {margin:0; padding:0 10px 0 20px; line-height:18px; position:relative;}

#filters {border-top:1px solid #fff; border-bottom:1px solid #d9d9d9; margin:0; padding:10px 0;}
#filters li {margin:5px 0; line-height:20px;}
#filters a {padding:5px 10px; font-weight:normal;}
#filters a:hover {color:#fff; background:url(../images/bg-orange.jpg) repeat #f26522; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}


#left .option-set li a.selected {
  color:#fff; background:url(../images/bg-orange.jpg) repeat #f26522; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
}


/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child boxs << j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
/* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

.hidden{
  opacity: 0;
  
}

